import "../scss/aboutme.scss";
import "../swiper/animate.min.css";
import "../css/iconfont/iconfont.css";

import {WOW} from "../swiper/wow.js";

//整合关于我们用到的所有js
import{getAboutme}from "./request.js";
//引入懒加载
import{lazyLoad} from "../utils/lazyLoad.js";

new WOW().init()

//获取页面图片
let Imgs = document.querySelectorAll("header img,main img")
console.log(Imgs);

async function xiha(){     //async一个函数
    let arr4 = await getAboutme();   //await 地址里面对应的class图片，放到arr4里面
    console.log(arr4);
    let res4 = [];   //建立一个空数组 接收arr4里面的指定信息
    arr4.results.forEach(function(item){     //遍历arr4
        res4.push(item.photo_detal.url);    //把需要提取的信息依次加到空数组里面
    })
    Imgs.forEach(function(item,index){    //遍历页面的图片数组
        item.setAttribute("data-src",res4[index])  //给页面的图片添加自定义属性data-src，属性值是res4数组索引号对应的值--即url信息
    })

   //懒加载--括号里写需要懒加载的图片的类名
    lazyLoad(Imgs);
};

xiha();

//视频点击事件
let shipin = document.querySelector('.shipin')
let heise3 = document.querySelector('.heise-3')

shipin.addEventListener('click',function(){
   heise3.style.opacity=0;  
})



